<html>

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>ECharts Demo</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/5.2.2/echarts.min.js"
        integrity="sha512-ivdGNkeO+FTZH5ZoVC4gS4ovGSiWc+6v60/hvHkccaMN2BXchfKdvEZtviy5L4xSpF8NPsfS0EVNSGf+EsUdxA=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <style>
        #display-container {
            width: 100%;
            height: 100%;
        }
    </style>
</head>

<body>
    <div id="display-container">
    </div>
    <script type="text/javascript">
        let chart = echarts.init(document.getElementById("display-container"));
        let option = {"title":{"text":"Les Miserables"},"tooltip":{"trigger":"item"},"legend":{},"series":[{"type":"graph","name":"Les Miserables","data":[{"symbolSize":5,"id":"0","name":"Myriel","value":28.685715,"category":0},{"symbolSize":5,"id":"1","name":"Napoleon","value":4.0,"category":0},{"symbolSize":5,"id":"2","name":"MlleBaptistine","value":9.485714,"category":1},{"symbolSize":5,"id":"3","name":"MmeMagloire","value":9.485714,"category":1},{"symbolSize":5,"id":"4","name":"CountessDeLo","value":4.0,"category":0},{"symbolSize":5,"id":"5","name":"Geborand","value":4.0,"category":0},{"symbolSize":5,"id":"6","name":"Champtercier","value":4.0,"category":0},{"symbolSize":5,"id":"7","name":"Cravatte","value":4.0,"category":0},{"symbolSize":5,"id":"8","name":"Count","value":4.0,"category":0},{"symbolSize":5,"id":"9","name":"OldMan","value":4.0,"category":0},{"symbolSize":5,"id":"10","name":"Labarre","value":4.0,"category":1},{"symbolSize":5,"id":"11","name":"Valjean","value":100.0,"category":1},{"symbolSize":5,"id":"12","name":"Marguerite","value":6.742859,"category":1},{"symbolSize":5,"id":"13","name":"MmeDeR","value":4.0,"category":1},{"symbolSize":5,"id":"14","name":"Isabeau","value":4.0,"category":1},{"symbolSize":5,"id":"15","name":"Gervais","value":4.0,"category":1},{"symbolSize":5,"id":"16","name":"Tholomyes","value":25.942856,"category":2},{"symbolSize":5,"id":"17","name":"Listolier","value":20.457146,"category":2},{"symbolSize":5,"id":"18","name":"Fameuil","value":20.457146,"category":2},{"symbolSize":5,"id":"19","name":"Blacheville","value":20.457146,"category":2},{"symbolSize":5,"id":"20","name":"Favourite","value":20.457146,"category":2},{"symbolSize":5,"id":"21","name":"Dahlia","value":20.457146,"category":2},{"symbolSize":5,"id":"22","name":"Zephine","value":20.457146,"category":2},{"symbolSize":5,"id":"23","name":"Fantine","value":42.4,"category":2},{"symbolSize":5,"id":"24","name":"MmeThenardier","value":31.428574,"category":7},{"symbolSize":5,"id":"25","name":"Thenardier","value":45.142853,"category":7},{"symbolSize":5,"id":"26","name":"Cosette","value":31.428574,"category":6},{"symbolSize":5,"id":"27","name":"Javert","value":47.88571,"category":7},{"symbolSize":5,"id":"28","name":"Fauchelevent","value":12.228573,"category":4},{"symbolSize":5,"id":"29","name":"Bamatabois","value":23.2,"category":3},{"symbolSize":5,"id":"30","name":"Perpetue","value":6.742859,"category":2},{"symbolSize":5,"id":"31","name":"Simplice","value":12.228573,"category":2},{"symbolSize":5,"id":"32","name":"Scaufflaire","value":4.0,"category":1},{"symbolSize":5,"id":"33","name":"Woman1","value":6.742859,"category":1},{"symbolSize":5,"id":"34","name":"Judge","value":17.714287,"category":3},{"symbolSize":5,"id":"35","name":"Champmathieu","value":17.714287,"category":3},{"symbolSize":5,"id":"36","name":"Brevet","value":17.714287,"category":3},{"symbolSize":5,"id":"37","name":"Chenildieu","value":17.714287,"category":3},{"symbolSize":5,"id":"38","name":"Cochepaille","value":17.714287,"category":3},{"symbolSize":5,"id":"39","name":"Pontmercy","value":9.485714,"category":6},{"symbolSize":5,"id":"40","name":"Boulatruelle","value":4.0,"category":7},{"symbolSize":5,"id":"41","name":"Eponine","value":31.428574,"category":7},{"symbolSize":5,"id":"42","name":"Anzelma","value":9.485714,"category":7},{"symbolSize":5,"id":"43","name":"Woman2","value":9.485714,"category":6},{"symbolSize":5,"id":"44","name":"MotherInnocent","value":6.742859,"category":4},{"symbolSize":5,"id":"45","name":"Gribier","value":4.0,"category":4},{"symbolSize":5,"id":"46","name":"Jondrette","value":4.0,"category":5},{"symbolSize":5,"id":"47","name":"MmeBurgon","value":6.742859,"category":5},{"symbolSize":5,"id":"48","name":"Gavroche","value":61.600006,"category":8},{"symbolSize":5,"id":"49","name":"Gillenormand","value":20.457146,"category":6},{"symbolSize":5,"id":"50","name":"Magnon","value":6.742859,"category":6},{"symbolSize":5,"id":"51","name":"MlleGillenormand","value":20.457146,"category":6},{"symbolSize":5,"id":"52","name":"MmePontmercy","value":6.742859,"category":6},{"symbolSize":5,"id":"53","name":"MlleVaubois","value":4.0,"category":6},{"symbolSize":5,"id":"54","name":"LtGillenormand","value":12.228573,"category":6},{"symbolSize":5,"id":"55","name":"Marius","value":53.37143,"category":6},{"symbolSize":5,"id":"56","name":"BaronessT","value":6.742859,"category":6},{"symbolSize":5,"id":"57","name":"Mabeuf","value":31.428574,"category":8},{"symbolSize":5,"id":"58","name":"Enjolras","value":42.4,"category":8},{"symbolSize":5,"id":"59","name":"Combeferre","value":31.428574,"category":8},{"symbolSize":5,"id":"60","name":"Prouvaire","value":25.942856,"category":8},{"symbolSize":5,"id":"61","name":"Feuilly","value":31.428574,"category":8},{"symbolSize":5,"id":"62","name":"Courfeyrac","value":36.91429,"category":8},{"symbolSize":5,"id":"63","name":"Bahorel","value":34.17143,"category":8},{"symbolSize":5,"id":"64","name":"Bossuet","value":36.91429,"category":8},{"symbolSize":5,"id":"65","name":"Joly","value":34.17143,"category":8},{"symbolSize":5,"id":"66","name":"Grantaire","value":28.685715,"category":8},{"symbolSize":5,"id":"67","name":"MotherPlutarch","value":4.0,"category":8},{"symbolSize":5,"id":"68","name":"Gueulemer","value":28.685715,"category":7},{"symbolSize":5,"id":"69","name":"Babet","value":28.685715,"category":7},{"symbolSize":5,"id":"70","name":"Claquesous","value":28.685715,"category":7},{"symbolSize":5,"id":"71","name":"Montparnasse","value":25.942856,"category":7},{"symbolSize":5,"id":"72","name":"Toussaint","value":9.485714,"category":1},{"symbolSize":5,"id":"73","name":"Child1","value":6.742859,"category":8},{"symbolSize":5,"id":"74","name":"Child2","value":6.742859,"category":8},{"symbolSize":5,"id":"75","name":"Brujon","value":20.457146,"category":7},{"symbolSize":5,"id":"76","name":"MmeHucheloup","value":20.457146,"category":8}],"layout":"force","links":[{"source":"1","target":"0"},{"source":"2","target":"0"},{"source":"3","target":"0"},{"source":"3","target":"2"},{"source":"4","target":"0"},{"source":"5","target":"0"},{"source":"6","target":"0"},{"source":"7","target":"0"},{"source":"8","target":"0"},{"source":"9","target":"0"},{"source":"11","target":"0"},{"source":"11","target":"2"},{"source":"11","target":"3"},{"source":"11","target":"10"},{"source":"12","target":"11"},{"source":"13","target":"11"},{"source":"14","target":"11"},{"source":"15","target":"11"},{"source":"17","target":"16"},{"source":"18","target":"16"},{"source":"18","target":"17"},{"source":"19","target":"16"},{"source":"19","target":"17"},{"source":"19","target":"18"},{"source":"20","target":"16"},{"source":"20","target":"17"},{"source":"20","target":"18"},{"source":"20","target":"19"},{"source":"21","target":"16"},{"source":"21","target":"17"},{"source":"21","target":"18"},{"source":"21","target":"19"},{"source":"21","target":"20"},{"source":"22","target":"16"},{"source":"22","target":"17"},{"source":"22","target":"18"},{"source":"22","target":"19"},{"source":"22","target":"20"},{"source":"22","target":"21"},{"source":"23","target":"11"},{"source":"23","target":"12"},{"source":"23","target":"16"},{"source":"23","target":"17"},{"source":"23","target":"18"},{"source":"23","target":"19"},{"source":"23","target":"20"},{"source":"23","target":"21"},{"source":"23","target":"22"},{"source":"24","target":"11"},{"source":"24","target":"23"},{"source":"25","target":"11"},{"source":"25","target":"23"},{"source":"25","target":"24"},{"source":"26","target":"11"},{"source":"26","target":"16"},{"source":"26","target":"24"},{"source":"26","target":"25"},{"source":"27","target":"11"},{"source":"27","target":"23"},{"source":"27","target":"24"},{"source":"27","target":"25"},{"source":"27","target":"26"},{"source":"28","target":"11"},{"source":"28","target":"27"},{"source":"29","target":"11"},{"source":"29","target":"23"},{"source":"29","target":"27"},{"source":"30","target":"23"},{"source":"31","target":"11"},{"source":"31","target":"23"},{"source":"31","target":"27"},{"source":"31","target":"30"},{"source":"32","target":"11"},{"source":"33","target":"11"},{"source":"33","target":"27"},{"source":"34","target":"11"},{"source":"34","target":"29"},{"source":"35","target":"11"},{"source":"35","target":"29"},{"source":"35","target":"34"},{"source":"36","target":"11"},{"source":"36","target":"29"},{"source":"36","target":"34"},{"source":"36","target":"35"},{"source":"37","target":"11"},{"source":"37","target":"29"},{"source":"37","target":"34"},{"source":"37","target":"35"},{"source":"37","target":"36"},{"source":"38","target":"11"},{"source":"38","target":"29"},{"source":"38","target":"34"},{"source":"38","target":"35"},{"source":"38","target":"36"},{"source":"38","target":"37"},{"source":"39","target":"25"},{"source":"40","target":"25"},{"source":"41","target":"24"},{"source":"41","target":"25"},{"source":"42","target":"24"},{"source":"42","target":"25"},{"source":"42","target":"41"},{"source":"43","target":"11"},{"source":"43","target":"26"},{"source":"43","target":"27"},{"source":"44","target":"11"},{"source":"44","target":"28"},{"source":"45","target":"28"},{"source":"47","target":"46"},{"source":"48","target":"11"},{"source":"48","target":"25"},{"source":"48","target":"27"},{"source":"48","target":"47"},{"source":"49","target":"11"},{"source":"49","target":"26"},{"source":"50","target":"24"},{"source":"50","target":"49"},{"source":"51","target":"11"},{"source":"51","target":"26"},{"source":"51","target":"49"},{"source":"52","target":"39"},{"source":"52","target":"51"},{"source":"53","target":"51"},{"source":"54","target":"26"},{"source":"54","target":"49"},{"source":"54","target":"51"},{"source":"55","target":"11"},{"source":"55","target":"16"},{"source":"55","target":"25"},{"source":"55","target":"26"},{"source":"55","target":"39"},{"source":"55","target":"41"},{"source":"55","target":"48"},{"source":"55","target":"49"},{"source":"55","target":"51"},{"source":"55","target":"54"},{"source":"56","target":"49"},{"source":"56","target":"55"},{"source":"57","target":"41"},{"source":"57","target":"48"},{"source":"57","target":"55"},{"source":"58","target":"11"},{"source":"58","target":"27"},{"source":"58","target":"48"},{"source":"58","target":"55"},{"source":"58","target":"57"},{"source":"59","target":"48"},{"source":"59","target":"55"},{"source":"59","target":"57"},{"source":"59","target":"58"},{"source":"60","target":"48"},{"source":"60","target":"58"},{"source":"60","target":"59"},{"source":"61","target":"48"},{"source":"61","target":"55"},{"source":"61","target":"57"},{"source":"61","target":"58"},{"source":"61","target":"59"},{"source":"61","target":"60"},{"source":"62","target":"41"},{"source":"62","target":"48"},{"source":"62","target":"55"},{"source":"62","target":"57"},{"source":"62","target":"58"},{"source":"62","target":"59"},{"source":"62","target":"60"},{"source":"62","target":"61"},{"source":"63","target":"48"},{"source":"63","target":"55"},{"source":"63","target":"57"},{"source":"63","target":"58"},{"source":"63","target":"59"},{"source":"63","target":"60"},{"source":"63","target":"61"},{"source":"63","target":"62"},{"source":"64","target":"11"},{"source":"64","target":"48"},{"source":"64","target":"55"},{"source":"64","target":"57"},{"source":"64","target":"58"},{"source":"64","target":"59"},{"source":"64","target":"60"},{"source":"64","target":"61"},{"source":"64","target":"62"},{"source":"64","target":"63"},{"source":"65","target":"48"},{"source":"65","target":"55"},{"source":"65","target":"57"},{"source":"65","target":"58"},{"source":"65","target":"59"},{"source":"65","target":"60"},{"source":"65","target":"61"},{"source":"65","target":"62"},{"source":"65","target":"63"},{"source":"65","target":"64"},{"source":"66","target":"48"},{"source":"66","target":"58"},{"source":"66","target":"59"},{"source":"66","target":"60"},{"source":"66","target":"61"},{"source":"66","target":"62"},{"source":"66","target":"63"},{"source":"66","target":"64"},{"source":"66","target":"65"},{"source":"67","target":"57"},{"source":"68","target":"11"},{"source":"68","target":"24"},{"source":"68","target":"25"},{"source":"68","target":"27"},{"source":"68","target":"41"},{"source":"68","target":"48"},{"source":"69","target":"11"},{"source":"69","target":"24"},{"source":"69","target":"25"},{"source":"69","target":"27"},{"source":"69","target":"41"},{"source":"69","target":"48"},{"source":"69","target":"68"},{"source":"70","target":"11"},{"source":"70","target":"24"},{"source":"70","target":"25"},{"source":"70","target":"27"},{"source":"70","target":"41"},{"source":"70","target":"58"},{"source":"70","target":"68"},{"source":"70","target":"69"},{"source":"71","target":"11"},{"source":"71","target":"25"},{"source":"71","target":"27"},{"source":"71","target":"41"},{"source":"71","target":"48"},{"source":"71","target":"68"},{"source":"71","target":"69"},{"source":"71","target":"70"},{"source":"72","target":"11"},{"source":"72","target":"26"},{"source":"72","target":"27"},{"source":"73","target":"48"},{"source":"74","target":"48"},{"source":"74","target":"73"},{"source":"75","target":"25"},{"source":"75","target":"41"},{"source":"75","target":"48"},{"source":"75","target":"68"},{"source":"75","target":"69"},{"source":"75","target":"70"},{"source":"75","target":"71"},{"source":"76","target":"48"},{"source":"76","target":"58"},{"source":"76","target":"62"},{"source":"76","target":"63"},{"source":"76","target":"64"},{"source":"76","target":"65"},{"source":"76","target":"66"}],"categories":[{"name":"A"},{"name":"B"},{"name":"C"},{"name":"D"},{"name":"E"},{"name":"F"},{"name":"G"},{"name":"H"},{"name":"I"}],"force":{"repulsion":100}}]}
        chart.setOption(option);
    </script>
</body>

</html>
